<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<a href="http://www.baidu.com">百度首页</a>
<a href="http://www.tmooc.cn">达内首页</a>

<a href="p1.html">页面一</a>
<a href="1.jpeg">跳转图片</a>

<a href="http://www.tmooc.cn">
    <img src="1.jpeg" width="60px">
</a>
<a href="http://www.baidu.com" target="_self">百度1</a>
<a href="http://www.baidu.com" target="_blank">百度1</a>

<h1 id="c1">石猴出世</h1>
<a href="#c1">diyizhang</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto cum eius fugiat inventore maiores mollitia nemo similique tempore voluptatibus. Assumenda eveniet illo in incidunt iusto magni quibusdam tempora voluptatibus!</p>
<a href="#">回到顶部</a>
</body>
</html>